<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>汽车工业应用 - 优塑科技</title>
    <link rel="stylesheet" href="../css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        .application-hero {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://picsum.photos/seed/automotive-plastics/1920/600.jpg') no-repeat center center/cover;
            height: 50vh;
            display: flex;
            align-items: center;
            text-align: center;
            color: #fff;
            margin-top: 70px;
        }

        .application-hero h1 {
            font-size: 42px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .material-section {
            padding: 80px 0;
        }

        .material-card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            padding: 30px;
            margin-bottom: 30px;
            display: flex;
            gap: 30px;
        }

        .material-icon {
            flex-shrink: 0;
            width: 80px;
            height: 80px;
            background-color: #ebf5fb;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .material-icon i {
            font-size: 36px;
            color: #3498db;
        }

        .material-content {
            flex-grow: 1;
        }

        .material-content h3 {
            font-size: 24px;
            margin-bottom: 15px;
            color: #2c3e50;
        }

        .material-content p {
            margin-bottom: 15px;
            line-height: 1.7;
        }

        .material-properties {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 20px;
        }

        .property-tag {
            background-color: #f8f9fa;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 14px;
            color: #3498db;
            font-weight: 500;
        }

        .application-image {
            margin: 30px 0;
            text-align: center;
        }

        .application-image img {
            max-width: 100%;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .back-link {
            display: inline-flex;
            align-items: center;
            color: #3498db;
            text-decoration: none;
            font-weight: 500;
            margin-bottom: 20px;
            transition: color 0.3s ease;
        }

        .back-link:hover {
            color: #2980b9;
        }

        .back-link i {
            margin-right: 8px;
        }

        @media (max-width: 768px) {
            .material-card {
                flex-direction: column;
                text-align: center;
            }

            .material-icon {
                margin: 0 auto;
            }

            .application-hero h1 {
                font-size: 32px;
            }
        }
    </style>
</head>
<body>
    <!-- 顶部导航栏 -->
    <header>
        <div class="container">
            <div class="logo">
                <a href="../index.html">优塑科技</a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="../index.html#home">首页</a></li>
                    <li><a href="../index.html#about">关于我们</a></li>
                    <li><a href="../index.html#products">产品中心</a></li>
                    <li><a href="../index.html#applications" class="active">应用领域</a></li>
                    <li><a href="../index.html#quality">质量保证</a></li>
                    <li><a href="../index.html#contact">联系我们</a></li>
                </ul>
            </nav>
            <div class="mobile-menu-toggle">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </header>

    <!-- 应用领域横幅 -->
    <section class="application-hero">
        <div class="container">
            <h1>汽车工业应用</h1>
            <p>提供高性能、轻量化的汽车塑料材料解决方案</p>
        </div>
    </section>

    <!-- 主体内容 -->
    <section class="section">
        <div class="container">
            <a href="../index.html#applications" class="back-link">
                <i class="fas fa-arrow-left"></i>返回应用领域
            </a>

            <div class="section-header">
                <h2>汽车塑料材料</h2>
                <p>为现代汽车工业提供全面的塑料材料解决方案</p>
            </div>

            <div class="application-image">
                <img src="https://picsum.photos/seed/automotive-parts/1000/500.jpg" alt="汽车塑料零部件">
            </div>

            <div class="material-section">
                <h3>主要应用材料</h3>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PP聚丙烯</h3>
                        <p>聚丙烯是汽车工业中使用最广泛的塑料之一，主要用于制造保险杠、仪表板、门内板等部件。其低密度特性有助于汽车轻量化，提高燃油效率。</p>
                        <div class="material-properties">
                            <span class="property-tag">轻量化</span>
                            <span class="property-tag">耐化学腐蚀</span>
                            <span class="property-tag">高抗冲击性</span>
                            <span class="property-tag">易加工成型</span>
                            <span class="property-tag">成本低廉</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>ABS工程塑料</h3>
                        <p>ABS树脂因其优异的机械性能、表面光泽度和耐冲击性，广泛应用于汽车内外饰件，如格栅、后视镜外壳、仪表盘框架等。</p>
                        <div class="material-properties">
                            <span class="property-tag">高刚性</span>
                            <span class="property-tag">耐冲击性</span>
                            <span class="property-tag">表面光泽度好</span>
                            <span class="property-tag">易于涂装</span>
                            <span class="property-tag">尺寸稳定性</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PC聚碳酸酯</h3>
                        <p>聚碳酸酯以其高透明度、高强度和优异的耐热性，被广泛应用于汽车灯罩、仪表盘透明盖板等需要高透明度和强度的部件。</p>
                        <div class="material-properties">
                            <span class="property-tag">高透明度</span>
                            <span class="property-tag">高强度</span>
                            <span class="property-tag">耐高温</span>
                            <span class="property-tag">优异的冲击强度</span>
                            <span class="property-tag">良好的尺寸稳定性</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PA尼龙</h3>
                        <p>尼龙材料因其优异的耐磨性、自润滑性和机械强度，常用于制造发动机部件、齿轮、轴承等汽车动力系统零件。</p>
                        <div class="material-properties">
                            <span class="property-tag">耐磨性</span>
                            <span class="property-tag">自润滑性</span>
                            <span class="property-tag">高机械强度</span>
                            <span class="property-tag">耐疲劳性</span>
                            <span class="property-tag">耐油性好</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>POM聚甲醛</h3>
                        <p>聚甲醛具有高刚性、低摩擦系数和优异的尺寸稳定性，是制造汽车燃油系统部件、门锁系统、齿轮等精密零件的理想材料。</p>
                        <div class="material-properties">
                            <span class="property-tag">高刚性</span>
                            <span class="property-tag">低摩擦系数</span>
                            <span class="property-tag">尺寸稳定性</span>
                            <span class="property-tag">耐疲劳性</span>
                            <span class="property-tag">耐化学性</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section-header">
                <h2>应用案例</h2>
                <p>我们的材料在汽车工业中的典型应用</p>
            </div>

            <div class="applications-grid">
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-car-side"></i>
                    </div>
                    <h3>汽车外饰件</h3>
                    <p>保险杠、格栅、后视镜外壳、车灯罩等</p>
                </div>
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-chair"></i>
                    </div>
                    <h3>汽车内饰件</h3>
                    <p>仪表板、门内板、座椅骨架、中控台等</p>
                </div>
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <h3>动力系统</h3>
                    <p>发动机罩、进气歧管、齿轮、轴承等</p>
                </div>
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-bolt"></i>
                    </div>
                    <h3>电气系统</h3>
                    <p>连接器、保险丝盒、线圈骨架等</p>
                </div>
            </div>

            <div class="section-header">
                <h2>技术优势</h2>
                <p>我们为汽车工业提供的塑料材料解决方案具有以下优势</p>
            </div>

            <div class="about-stats">
                <div class="stat">
                    <span class="stat-number">30%</span>
                    <span class="stat-label">减重效果</span>
                </div>
                <div class="stat">
                    <span class="stat-number">15%</span>
                    <span class="stat-label">燃油效率提升</span>
                </div>
                <div class="stat">
                    <span class="stat-number">25%</span>
                    <span class="stat-label">成本降低</span>
                </div>
                <div class="stat">
                    <span class="stat-number">40+</span>
                    <span class="stat-label">汽车专用材料</span>
                </div>
            </div>

            <div class="section-header">
                <h2>联系我们</h2>
                <p>获取更多汽车工业塑料材料解决方案</p>
            </div>

            <div style="text-align: center; margin-top: 30px;">
                <a href="../index.html#contact" class="btn btn-primary">联系我们</a>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <h3>优塑科技</h3>
                    <p>专业塑料原材料供应商</p>
                </div>
                <div class="footer-links">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="../index.html#home">首页</a></li>
                        <li><a href="../index.html#about">关于我们</a></li>
                        <li><a href="../index.html#products">产品中心</a></li>
                        <li><a href="../index.html#applications">应用领域</a></li>
                        <li><a href="../index.html#quality">质量保证</a></li>
                        <li><a href="../index.html#contact">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-contact">
                    <h4>联系方式</h4>
                    <p><i class="fas fa-map-marker-alt"></i> 上海市浦东新区科技园区创新路88号</p>
                    <p><i class="fas fa-phone"></i> 021-12345678</p>
                    <p><i class="fas fa-envelope"></i> info@yousu-tech.com</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2023 优塑科技. 版权所有.</p>
            </div>
        </div>
    </footer>

    <script src="../js/main.js"></script>
</body>
</html>